<div id="studentList" class="app-size-full app-padding-20" ng-controller="MemberController as vm">
    <div class="app-panel app-shadow-2 arp-border-radius-5 app-size-full app-padding-20 position-r">
        <div class="app-flex-row app-flex-between-x">
            <div class="app-flex-row">
                <button class="app-button app-margin-right-10" ng-repeat="btn in vm.topBtns"
                        ng-click="vm.topBtnEvent(btn.key,btn.type)">
                    <svg class="app-icon app-icon-20">
                        <use xlink:href="{{'#icon-' + btn.icon}}"></use>
                    </svg>
                    <span class="app-margin-left-5">{{btn.text}}</span>
                </button>
            </div>
            <div search-bar callback="vm.searchCallback"></div>
        </div>
        <div>
            <div class="app-flex-row app-padding-y-10 app-margin-top-20 courseware-table courseware-table-head">
                <div class="courseware-item-checkbox app-margin-x-10" ng-click="vm.toggleChecked('all')">
                    <svg class="app-icon app-icon-16" ng-class="{true:'ft-color-red-light'}[vm.allChecked()]">
                        <use xlink:href="{{'#icon-' + (vm.allChecked() ? 'checkbox1' : 'checkbox')}}"></use>
                    </svg>
                </div>
                <div class="courseware-item-name">
                    <span>账号</span>
                </div>
                <div class="courseware-item-relname">
                    <span>从事行业</span>
                </div>
                <div class="courseware-item-teacher">
                    <span>公司名称</span>
                </div>
                <div class="courseware-item-attach">
                    <span>姓名</span>
                </div>
                <div class="courseware-item-status">
                    <span>联系电话</span>
                </div>
                <div class="courseware-item-date">
                    <span>所在地区</span>
                </div>
                <div class="courseware-item-date">
                    <span>验证信息</span>
                </div>
                <div class="courseware-item-date">
                    <span>审核状态</span>
                    <i></i>
                </div>
            </div>
            <div class="courseware-table-data" auto-height ng-scrollbar fix="-210">
                <div class="app-flex-row app-padding-y-10 courseware-table"
                     ng-class="{true:'courseware-item-checked'}[item.check]"
                     ng-repeat="item in vm.memberList track by $index" ng-if="vm.memberList | listIsNotEmpty"
                     ng-mouseover="vm.memberItemShow(item.id)"
                     ng-mouseleave="vm.memberItemHide(item.id)">
                    <div class="courseware-item-checkbox app-margin-x-10" ng-click="vm.toggleChecked(item)">
                        <svg class="app-icon app-icon-16" ng-class="{true:'ft-color-red-light'}[item.check]">
                            <use xlink:href="{{'#icon-' + (item.check ? 'checkbox1' : 'checkbox')}}"></use>
                        </svg>
                    </div>
                    <div class="courseware-item-name">
                        <!--<i class="app-icon-file app-margin-x-10"></i>-->
                        <span>{{item.code}}</span>
                    </div>
                    <div class="courseware-item-relname position-r">
                        <span>{{item.industry}}</span>
                        <a class="stu-item-hover padding-5 border-r5"
                           ng-class="{true:'display-b',false:'display-n'}[vm.isShow == item.id]">
                            <span class="cursor white padding-lr5" ng-click="vm.memberItemEdit(item.id)">修改</span>
                            <span class="cursor white padding-lr5" ng-click="vm.memberItemDel(item.id)">删除</span>
                            <span class="cursor white padding-lr5" ng-click="vm.memberItemVis(item.id)">查看</span>
                        </a>
                    </div>
                    <div class="courseware-item-teacher">
                        <span>{{item.company}}</span>
                    </div>
                    <div class="courseware-item-attach">
                        <i class="app-margin-right-10 app-icon-file-{{item.courseware[0].type | attachIconFilter}}"></i>
                        <span>{{item.name}}</span>
                        <a class="ft-color-green-normal" ng-if="item.courseware.length > 1">更多</a>
                    </div>
                    <div class="courseware-item-status">
                        <span>{{item.mobile}}</span>
                    </div>
                    <div class="courseware-item-date">
                        <span>{{item.address}}</span>
                    </div>
                    <div class="courseware-item-date">
                        <span>{{item.authenticationInf}}</span>
                    </div>
                    <div class="courseware-item-date green">
                        <span>{{item.statusCode}}</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="paging">
            <svg class="app-icon app-icon-20">
                <use xlink:href="{{'#icon-left1'}}"></use>
            </svg>
                显示<span>1</span>到<span>20</span>,共<span class="red">35</span>记录
            <svg class="app-icon app-icon-20">
                <use xlink:href="{{'#icon-right1'}}"></use>
            </svg>
        </div>
    </div>
    <div class="app-new-overly" ng-class="{true:'display-b',false:'display-n'}[vm.overlay]"></div>
    <div class="app-new-form" ng-class="{true:'display-b',false:'display-n'}[vm.newMember]">
        <div class="app-new-table">
            <div class="form-title">基本信息</div>
            <div class="form-row">
                <div class="item-name">会员姓名</div>
                <div class="item-input"><input type="text" value="{{vm.memberForm.name}}" ng-readonly={{vm.isReadonly}}>
                </div>
                <div class="item-name">登录账号</div>
                <div class="item-input"><input type="text" value="{{vm.memberForm.code}}"
                                               ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="form-row">
                <div class="item-name">登录密码</div>
                <div class="item-input"><input type="password" value="{{vm.memberForm.rawPassword}}"
                                               ng-readonly="{{vm.isReadonly}}"></div>
                <div class="item-name">验证密码</div>
                <div class="item-input"><input type="text" value="{{vm.memberForm.rawPassword2}}"
                                               ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="form-row">
                <div class="item-name">会员性别</div>
                <div class="item-input"><input type="text" value="{{vm.memberForm.sex}}"
                                               ng-readonly="{{vm.isReadonly}}"></div>
                <div class="item-name">个人照片</div>
                <div class="item-input"><input type="text" value="{{vm.memberForm.photo}}"
                                               ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="form-row">
                <div class="item-name">身份证号</div>
                <div class="item-input"><input type="text" value="{{vm.memberForm.idCard}}"
                                               ng-readonly="{{vm.isReadonly}}"></div>
                <div class="item-name">联系电话</div>
                <div class="item-input"><input type="text" value="{{vm.memberForm.mobile}}"
                                               ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="form-row">
                <div class="item-name">所在行业</div>
                <div class="item-input"><input type="text" value="{{vm.memberForm.industry}}"
                                               ng-readonly="{{vm.isReadonly}}"></div>
                <div class="item-name">公司名称</div>
                <div class="item-input"><input type="text" value="{{vm.memberForm.company}}"
                                               ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="form-row">
                <div class="item-name">联系地址</div>
                <div class="item-input" style="width: 85%"><input type="text" value="{{vm.memberForm.address}}"
                                                                  ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="form-row">
                <div class="item-name">验证信息</div>
                <div class="item-input" style="width: 85%"><input type="text"
                                                                  value="{{vm.memberForm.authenticationInf}}"
                                                                  ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="form-row">
                <div class="item-name">备注信息</div>
                <div class="item-input" style="width: 85%"><input type="text" value="{{vm.memberForm.notes}}"
                                                                  ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="form-handle">
                <div class="new-btn-submit cursor" ng-class="{true:'display-n',false:'display-b'}[vm.isReadonly]"
                     ng-click="vm.saveMember()">保存
                </div>
                <div class="new-btn-cancel cursor" ng-click="vm.closeFrame()">取消</div>
            </div>
            <div style="clear: both"></div>
        </div>
    </div>
</div>